<!--  historical order page -->    
<div data-role="page" id="historicalorder" data-theme="e">
  	<div data-theme="e" data-role="header" data-position="fixed" data-id="main-tabbar" id="infocenter-header">
       <a href="customer-main.html" data-icon="back" data-theme="e" data-transition="slidedown">Back</a>
       <h3>Info Center</h3>
       <a href="personal-info.html" data-icon="gear" class="ui-btn-right" data-theme="e" data-transition="slidedown">Me</a>
       
   </div>
   
   <div data-role="content" id="historicalOrderPort">
		<div data-role="popup" id="mark_area" data-overlay-theme="a" data-theme="c">
			<a href="#" data-rel="back" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a>
			 <div data-role="header">
				 <h1>Give your score</h1>
			 </div>
			 <div data-role="content" data-theme="d">
	       		 <div data-role="fieldcontain">
		            <label for="selectmenu1">
		                Score：
		            </label>
		            <select id="selectmenu1" name="" data-mini="true">
		                <option value="1">
		                    1
		                </option>
		                <option value="va2">
		                    2
		                </option>
		                <option value="3">
		                    3
		                </option>
		                <option value="4">
		                    4
		                </option>
		                <option value="5">
		                    5
		                </option>
		            </select>
		        </div>					
				 <a id="submitBtn" href="#" data-role="button"  data-theme="e">submit</a>
			 </div>
		 </div>
   </div>   

   <div data-theme="e" data-role="footer" data-position="fixed">
     	<div data-role="navbar" data-iconpos="top" id="infocenter-navbar">
           <ul>
               <li><a href="info-center.html" id="infocenter-order-bar" data-transition="fade" data-theme="e" 
                   data-icon="info">Order</a></li>
               <li><a href="historical-orders.html" id="infocenter-history-bar" data-transition="fade" data-theme="e" 
                   data-icon="check" class="ui-btn-active ui-state-persist">History</a></li>
           </ul>
       </div>
   </div>  
   <script src="../js/historical-orders.js"></script>
</div>